<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>Title</title>
    <style>
        body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {
            margin: 0;
            padding: 0;
        }

        .yinchang-2-2 {
            width: 1000px;
            height: 555px;
            border: 1px solid #1c1b1b;
        }

        .content {
            width: 950px;
            height: 505px;
            padding: 13px;
        }
        .content-t{
            width: 650px;
            height: 25px;
            display: flex;
        }
        .content-1 {
            width: 75px;
            height: 30px;
            margin-left: 12px;
            background-color: #333333;
            text-align: center;
        }

        .content-1 a {
            font-size: 14px;
            line-height: 30px;
            text-align: center;
            color: white;
        }
        .content-y{
            width: 650px;
            height: 38px;
            display: flex;
            font-size: 12px;
            margin-top: 30px;
        }
        .content-y-1{
            width: 85px;
            height: 36px;
            text-align: right;
        }
        .content-y-1 a{
            font-size: 13px;
            color: black;
            line-height: 25px;
        }
        .content-y-2{
            width: 475px;
            height: 36px;
            margin-left: 15px;
        }
        .content-y-2 a{
            color: #9c9698;
            line-height: 25px;
            margin-right: 10px;
        }
    </style>
</head>

<body>
<!--第一种-->
<div class="yinchang-2-2">
    <div class="content">
        <div class="content-t">
            <div class="content-1">
                <a href="#">元器件 ></a>
            </div>
            <div class="content-1">
                <a href="#">企业专享 ></a>
            </div>
            <div class="content-1">
                <a href="#">PLUS会员</a>
            </div>
            <div class="content-1">
                <a href="#">工品优选</a>
            </div>
            <div class="content-1">
                <a href="#">企业购</a>
            </div>
        </div>
        <div class="content-y">
            <div class="content-y-1">
                <a href="#">手机通讯 ></a>
            </div>
            <div class="content-y-2">
                <a href="#">手动</a>
                <a href="#">游戏手机</a>
                <a href="#">5G手动</a>
                <a href="#">拍照手机</a>
                <a href="#">全面屏手机</a>
                <a href="#">对讲机</a>
                <a href="#">以旧换新</a>
                <a href="#">手机维修</a>
            </div>
        </div>

        <div class="content-y">
            <div class="content-y-1">
                <a href="#">运营商 ></a>
            </div>
            <div class="content-y-2">
                <a href="#">合约机</a>
                <a href="#">手机卡</a>
                <a href="#">宽带</a>
                <a href="#">充话费/流量</a>
                <a href="#">中国电信</a>
                <a href="#">中国移动</a>
                <a href="#">中国联通</a>
                <a href="#">京东通信</a>
                <a href="#">挑架号</a>
            </div>
        </div>

        <div class="content-y">
            <div class="content-y-1">
                <a href="#">手机配件 ></a>
            </div>
            <div class="content-y-2">
                <a href="#">手机壳</a>
                <a href="#">贴膜</a>
                <a href="#">手机存储卡</a>
                <a href="#">数据线</a>
                <a href="#">充电器</a>
                <a href="#">创意配件</a>
                <a href="#">手机饰品</a>
                <a href="#">手机电池</a>
                <a href="#">苹果周边</a>
                <a href="#">移动电源</a>
                <a href="#">手机支架</a>
                <a href="#">拍照配件</a>
            </div>
        </div>

        <div class="content-y">
            <div class="content-y-1">
                <a href="#">摄影摄像 ></a>
            </div>
            <div class="content-y-2">
                <a href="#">数码相机</a>
                <a href="#">微单相机</a>
                <a href="#">单反相机</a>
                <a href="#">拍立得</a>
                <a href="#">运动相机</a>
                <a href="#">摄像机</a>
                <a href="#">镜头</a>
                <a href="#">户外器材</a>
                <a href="#">冲印服务</a>
                <a href="#">数码相框</a>
            </div>
        </div>

        <div class="content-y">
            <div class="content-y-1">
                <a href="#">数码配件 ></a>
            </div>
            <div class="content-y-2">
                <a href="#">储存卡</a>
                <a href="#">三脚架/云台</a>
                <a href="#">相机包</a>
                <a href="#">滤镜</a>
                <a href="#">闪光灯.手柄</a>
                <a href="#">相机清洁/贴膜</a>
                <a href="#">机身附件</a>
                <a href="#">镜头附件</a>
                <a href="#">读卡器</a>
                <a href="#">支架</a>
                <a href="#">电池/充电器</a>
                <a href="#">运动相机配件</a>
            </div>
        </div>

        <div class="content-y">
            <div class="content-y-1">
                <a href="#">影音娱乐 ></a>
            </div>
            <div class="content-y-2">
                <a href="#">蓝牙/无线耳机</a>
                <a href="#">音响/音箱</a>
                <a href="#">智能音箱</a>
                <a href="#">收音机</a>
                <a href="#">麦克风</a>
                <a href="#">MP3/MP4</a>
                <a href="#">专业音频</a>
                <a href="#">音频线</a>
                <a href="#">有线耳机</a>
            </div>
        </div>

        <div class="content-y">
            <div class="content-y-1">
                <a href="#">电子教育 ></a>
            </div>
            <div class="content-y-2">
                <a href="#">学生平板</a>
                <a href="#">点读机/笔</a>
                <a href="#">早教理智</a>
                <a href="#">录音笔</a>
                <a href="#">电纸书</a>
                <a href="#">电子词典</a>
                <a href="#">复读机</a>
                <a href="#">翻译机</a>
            </div>
        </div>

    </div>
</div>
</body>

</html>